<?php
 /* //============= Template Design Wireframe ===========//
  
*/
/**
 *  Template Dynamic Sections
 * 
 *  1- $meta=array('desc','keywords','author');
 *  2- $tpl=array('css','script','title','logo','menu','breadcrumb','content','left_side','right_side')
 *  3- $css=array('style','class'=>array({CLASS_NAME}))
 *  3- Positions => [ HEADER ,LEFT , RIGHT , CONTENT , FOOTER ]
 * 
 **/ 
 ?>
 
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head> 
    <!-- Simple Developer Portal Application for  Projects -->
  <meta name="description" content="PHP Web Developement,Web application And Freelancer web developer "/>
  <meta name="keywords" content="web applications,websites,developement,hosting,sevices
                                 developer,freelancer,open source,applications,facebook apps,
								 php,php/mysql,joomla,wordpress,crm,vtiger,e-commerce,drupal,magento,html,html4,css,css3,javascipt,ajax,jquery,"/>
  <meta name="author" content="A.ATTA"/>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
	<link rel="stylesheet" type="text/css" href="./css/rtl.css" />
	<link rel="stylesheet" type="text/css" href="./css/default.css" />
	<link rel="stylesheet" type="text/css" href="./css/menu.css" />
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
	
	<script type="text/javascript" src="js/jquery/jquery-1.6.1.min.js"></script>
	<!--script src="http://code.jquery.com/jquery-1.9.1.js"></script-->
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<?php echo (isset($tpl['css']))? $tpl['css']:''; ?>
    <title><?php echo $tpl['title']; ?></title>

</head> 
<body> 


<!--  ====================  Header  Block  ====================    -->
<div id='header'>
<div id='social' style='text-align:left'>
<a href="http://eg.linkedin.com/pub/ahmed-atta/2a/18b/3aa" rel="nofollow" target="_blank"> <img src="./images/social/linkedin.png" alt='ahmed-atta linkedin'></a>
<a href="https://plus.google.com/107965376989826089826" rel="nofollow" target="_blank"> <img src="./images/social/google.png" alt='ahmed-atta Google +'></a>
<a href="http://www.facebook.com/ahmed.atta.106" rel="nofollow" target="_blank"> <img src="./images/social/facebook.png" alt='ahmed-atta Facebook'></a></li>
<a href="http://stackoverflow.com/users/2126353/ahmed-atta" rel="nofollow" target="_blank"> <img src="./images/social/stackoverflow.png" alt='ahmed-atta Stackoverflow'></a>
<a href="https://github.com/ahmed-atta" rel="nofollow" target="_blank"> <img src="./images/social/github.png" alt='ahmed-atta GitHub'></a>
</div>
<!-- ===  MENU  ===  -->
<div id="menu">
<ul id="nav">
	<li><a href="index.html">الرئيسية</a></li>
	<li><a href="http://ahmad-atta.blogspot.com/" target="_blank">مدونتي </a>
		
	</li>
	<li><a href="projects.html">أعمالي  </a>
	</li>	
	<li><a href="contact.html"> اتصل بنا</a></li>
</ul>

 </div>
 <!-- === END MENU === -->
 <!-- ==== Intro of Site ==== -->
<div id="siteIntro">
   مهندس <strong> برمجيات </strong>حر من مصر. 

أهتم بمجال <strong> برمجة وتطوير تطبيقات الويب </strong> باستخدام لغة<strong> PHP </strong> وقواعد البيانات <strong> MySQL </strong> 
و <strong> التطبيقات مفتوحة المصدر  </strong>. 
<img src='images/logo.jpg' style="float: right;"/>
<div id="siteIntroAction">يمكنك الإطلاع على  <a href="#">خدماتي</a> و <a href="projects.php">

أعمالي</a> أو <a href="contact.php">الاتصال بي !</a></div>
<div id='services' class='separator'> <!--h3>خدماتي</h3--></div>
<div class="clear"></div>
</div>
<!--  ===== END INTRO ==== -->

</div>
<!--  ========================  End Header ===================== -->
<div id="container">